<!--read me 关闭展开 一级导航的按钮==================================-->
<template >
  <div class="nav-open">
    <i class="iconfont icon-daohangzhankai" @click="openNavMenu" v-show="!navMenuState"></i>
    <i class="iconfont icon-daohangshouqi" @click="openNavMenu" v-show="navMenuState"></i>
  </div>
</template>
<script>
  export default {
    name: 'NavOpen',
    data () {
      return {
      }
    },
    methods: {
      openNavMenu () {
        this.$store.commit('navMenuState')
      }
    },
    computed: {
      navMenuState () {
        return this.$store.state.navMenuState || false
      }
    }
  }
</script>
<style scoped lang="stylus">
  @import "../../../assets/common.styl"
  .nav-open
    cursor pointer
    float left
    width 24px
    height 53px
    margin-left 8px
    line-height 53px
    .iconfont
      color #a6a6a6
</style>
